body{font:normal bold 12px/1.5 'Helvetica Neue', 'Arial', sans-serif;}
.user_card{position:relative;margin-top:50px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12)}
.user_card .maozi{border: 1px solid rgba(76,158,217,0.5);width:150px;height:100px;background:#fff;position:absolute;left:15px;top:-40px;z-index:-1;box-shadow:0 0 4px rgba(0,0,0,.2);-moz-box-shadow:0 0 4px rgba(0,0,0,.2);-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.without-side{position:relative;height:170px;border: 1px solid rgba(76,158,217,0.5); }
.without-side .user_set{position:absolute;top:20px;right:20px;font-size:14px;padding:8px 16px}
.avatar-unit{background:#fff;left:20px;position:absolute;top:-35px;width:140px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.avatar-unit .avatar-pic{height:140px;position:relative}
.avatar-unit .avatar-pic .vipicon{z-index:3;position:absolute;top:-10px;right:-10px;display:block;width:24px;height:24px;overflow:hidden;background:url(http://www.17sucai.com/static/images/vipicon.png) no-repeat}
.avatar-unit .counts{background:#fcfcfc;text-align:center}
.avatar-unit .counts .followers{display:block;float:left;width:70px;height:40px;padding-top:10px;border-right:1px solid #EDEDED;text-decoration:none}
.avatar-unit .counts .follows{display:block;height:40px;padding-top:10px;text-decoration:none}
.avatar-unit .counts .num{font-size:16px;font-weight:700;color:#444;line-height:1;margin-bottom:5px}
.avatar-unit .counts .sub{font-size:12px;line-height:1;color:#999}
.avatar-unit .counts a:hover div{color:#36c}
.user_tabs{background:#FAFAFA;border-top:1px solid #EDEDED;position:relative}
.user_tabs div{float:left;position:relative}
.user_tabs .usert_tag{font-size:14px;height:48px;line-height:48px;padding:0 20px;color:#777;border-right:1px solid #EDEDED;display:inline-block;text-decoration:none}
.user_tabs .usert_tag:hover{color:#36c}
.user_tabs .selected{background:#fff;color:#444;font-weight:700}
.avatar-info{width:120px;margin:20px 0 0 180px;display:inline;float:left;position:relative}
.avatar-info h1{color:#444;font-size:24px;font-weight:700}
.avatar-info p{margin-left:-24px;height:20px;overflow:hidden}
.user-base{position:absolute;left:420px;top:18px}
.user_tabs div .menu{display:none;z-index:12;top:48px}
.user_tabs div .menu li{float:none;background:#fff}
.user_tabs div .menu li a{font-size:14px;background:#fff;text-decoration:none}
.user_tabs div.hover .menu{display:block}
.personalInfo{position:relative;padding:0 0 0 64px;margin:5px 0 0 0;line-height:20px}
.personalInfo .label{width:64px;text-align:right;display:inline-block;position:absolute;left:0;top:0;color:#999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}

.clear{clear:left;}
.panel1{width:300px;margin:20px;display:inline-block;}
ul{
	list-style-type: none !important;
}
.panel1 li{height:25px;margin:5px;float:left;}
.tag{background:url(../../images/tag.png) no-repeat 0 0;color:#3f3f3f;display:none;height:25px;line-height:1;padding:0 5px 0 8px;position:relative;text-decoration:none;}
.tag:hover{cursor:pointer;}
.tag:active{top:1px;}
.tag span{display:block;float:left;}
.tag_name{background:url(../../images/tag.png) no-repeat 100% -25px;height:19px;padding:6px 10px 0 0;position:relative;text-shadow:0 1px 1px #fff;z-index:10;}
.tag_count{background:url(../../images/tag.png) no-repeat 100% -50px;color:#fff;height:19px;padding:5px 10px 0;position:absolute;right:0;text-shadow:0 -1px 0 #c54a0c;top:1px;z-index:5;}

.right{
	position:absolute;
	top:0px;
	right:10px;
	margin: 0px 10px;
	z-index: 0;
}
.ggggg{
    margin: 85px 300px 0px 10px;
    font-size: 18px;
    color:  red;
}

.chat{
	float:right;
	margin-top:35px;
	display: inline-block;
}



.button1{
    display:block;
    margin:10px 0;
    text-decoration:none;
    font:bold 12px/12px HelveticaNeue, Arial;
    padding:8px 11px;
    color:#555;
    width:50px;
    text-align:center;
    border:1px solid #dedede;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
	cursor:pointer;
}

.button1.grey{
    background:#bdbdbd;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /*  IE */
    background:-webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /*  WebKit */
    background:-moz-linear-gradient(top,  #cacaca, #aeaeae);
    border-color:#b5b5b5 #a1a1a1 #8f8f8f;
    color:#555;
    text-shadow:0 1px 0 #d4d4d4;
    -webkit-box-shadow:0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
    -moz-box-shadow:0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
    box-shadow:0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;    
}
.button1.grey:hover{
    background:#c2c2c2;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /*  IE */
    background:-webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /*  WebKit */
    background:-moz-linear-gradient(top,  #bcbcbc, #c2c2c2);
    border-color:#989898 #8e8e8e #878787;
    text-shadow:0 1px 0 #dadada;
    -webkit-box-shadow:0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
    -moz-box-shadow:0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
    box-shadow:0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;    
}

.button1.darkblue{
    background:#a5b8c6;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); /*  IE */
    background:-webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); /*  WebKit */
    background:-moz-linear-gradient(top,  #becbd6, #88a1b4);
    border-color:#a2afb8 #8696a1 #6f818f;
    color:#515f6a;
    text-shadow:0 1px 0 #c4d0d9;
    -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
    -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
    box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;    
}
.button1.darkblue:hover{
    background:#adbfcb;
    border-color:#8996a0 #798791 #6c7a85;
    text-shadow:0 1px 0 #ced9e0;
    -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
    -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
    box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;    
}